<template>
    <li>
        <img :src="img" alt />
        <p>{{text}}</p>
    </li>
</template>

<script>
export default {
    props: ['img','text'],
    data() {
        return {

        };
    },
    computed: {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style lang="scss" scoped>
li {
    background: #fff;
    width: 148px;
    height: 148px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px;

    img {
        margin-top: 10px;
        width: 40px;
        height: 40px;
    }

    p {
        color: #999;
        margin: -20px 0 0 0;
    }
}
</style>
